<%inherit file="layouts/side-menu-layout.mako.html"/>
<div class="header">
    <h1>Account</h1>

    <h2>Account details of [some username] as of [some date]</h2>
</div>

<div class="content">
    <h2 class="content-subhead">Balance: [$1201.10]</h2>

    <p>


        <!--${ctx['__name__']}-->
        You currently have [x-moolah] in this account.
        <code>active</code> class that makes the menu responsive.
    </p>

    <h2 class="content-subhead">Transaction history</h2>

    <table class="pure-table">
        <caption>Transaction history for [some date]</caption>
        <thead>
            <tr>
                <th>Location</th>
                <th>Date/Time</th>
                <th>Transaction type</th>
                <th>Amount</th>
                <th>Balance</th>
            </tr>
        </thead>

        <tbody>
            <tr>
                <td>AMK Hub</td>
                <td>2013-10-11 13:10:38</td>
                <td>Credit</td>
                <td>100</td>
                <td>100</td>
            </tr>

            <tr>
                <td>AMK Hub</td>
                <td>2013-10-11 13:13:38</td>
                <td>Credit</td>
                <td>100</td>
                <td>200</td>
            </tr>

            <tr>
                <td>AMK Hub</td>
                <td>2013-10-11 13:15:38</td>
                <td>Credit</td>
                <td>100</td>
                <td>300</td>
            </tr>

        </tbody>
    </table>

    <p>
        This table show your account transaction from [1st of yr-month] to [specific end date].
    </p>


    <h2 class="content-subhead">Account analysis</h2>

    <p>
        You are currently saving $300 with us at the interest rate of .003%.
    </p>
</div>

<%block name="menuitems">
<!--<li><a href="/account">Account</a></li>-->
<!--<li><a href="http://purecss.io/base/">xStock</a></li>-->
<!--<li><a href="http://purecss.io/base/">xPortfolio</a></li>-->
<!--<li><a href="http://purecss.io/base/">xMarket</a></li>-->
<!--<li><a href="http://purecss.io/base/">xRegion</a></li>-->
<!--<li><a href="http://purecss.io/base/">xIndustry</a></li>-->
<!--<li><a href="http://purecss.io/base/">xModel</a></li>-->
</%block>

<%block name="title">Home</%block>